<!DOCTYPE html>
<html lang="en" ng-app="app">
    <head>
        <meta charset="UTF-8">
        <title>Demo</title>

        <!-- build:vendorCss({.tmp,src}) css/vendor.css -->
        <!-- bower:css -->
        <link rel="stylesheet" href="../node_modules/angular-a-ui/build/css/a.ui.css" />
        <link rel="stylesheet" href="../node_modules/angular-loading-bar/build/loading-bar.css" />
        <link rel="stylesheet" href="../node_modules/angular-material/angular-material.css" />
        <link rel="stylesheet" href="../node_modules/animate.css/animate.css" />
        <link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.css" />
        <!-- endbower -->
        <!-- endbuild -->

        <!-- build:appCss({.tmp,src}) css/app.css -->
        <!-- inject:css -->
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/layout.css">
        <link rel="stylesheet" href="css/navigation.css">
        <link rel="stylesheet" href="css/sidebar.css">
        <!-- endinject -->
        <!-- endbuild -->

        <!-- build:vendorJs({.tmp,src}) js/vendor.js -->
        <!-- bower:js -->
        <script src="../node_modules/angular/angular.js"></script>
        <script src="../node_modules/angular-a-core/build/a.core.js"></script>
        <script src="../node_modules/angular-a-ui/build/js/a.ui.js"></script>
        <script src="../node_modules/angular-animate/angular-animate.js"></script>
        <script src="../node_modules/angular-aria/angular-aria.js"></script>
        <script src="../node_modules/angular-loading-bar/build/loading-bar.js"></script>
        <script src="../node_modules/angular-messages/angular-messages.js"></script>
        <script src="../node_modules/angular-material/angular-material.js"></script>
        <!-- endbower -->
        <!-- endbuild -->

        <!-- build:appJs({.tmp,src}) js/app.js -->
        <!-- inject:js -->
        <script src="js/index.js"></script>
        <script src="js/api/api.constants.js"></script>
        <script src="js/loadingbar/loadingbar.cfg.js"></script>
        <script src="js/route/route.cfg.js"></script>
        <script src="js/route/route.data.js"></script>
        <script src="js/component/navigation/navigation.js"></script>
        <script src="js/component/sidebar/sidebar.ctrl.js"></script>
        <script src="js/component/sidebar/sidebar.js"></script>
        <script src="js/component/sidebar/sidebar.svc.js"></script>
        <!-- endinject -->
        <!-- endbuild -->
    </head>
    <body>
        <main ng-if="$pageFinishedLoading">
            <navigation is-menu-collapsed="$isMenuCollapsed"></navigation>

            <sidebar></sidebar>

            <div class="al-main">
                <div class="al-content">
                    <div ui-view></div>
                </div>
            </div>
        </main>
        <div id="preloader" ng-show="!$pageFinishedLoading">
            <div></div>
        </div>
    </body>
</html>